<template>
  <div>
    <el-input :value="inputVal" @input="handleValChange1" placeholder="请输入内容"></el-input>
  </div>
</template>

<script>
export default {
  props: {
    inputVal: {
      type: String,
      default: ""
    }
  },
  model: {
    prop: "inputVal",
    event: "handleValChange",//自定义方法
  },
  data() {
    return {};
  },
  created() {},
  methods: {
    // 主动更新双向绑定，实际上就是调用了change事件
    // 默认的change事件改变后，会调用此方法，传递新的值给父组件，父组件更新再传递给子组件，从而实现双向绑定
    handleValChange1(e) {
      this.$emit("handleValChange", e);
    }
  }
};
</script>

<style scoped>
</style>